<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册-极果</title>
    <link rel="stylesheet" href="__CSS__/bootstrap.min.css">
    <link rel="stylesheet" href="__CSS__/normalize.css">
    <link rel="stylesheet" href="__CSS__/register.css">
    <link rel="stylesheet" href="__CSS__/common.css">
</head>
<body>
<!--注册头部-->
<header>
    <div class="container header">
        <div class="logo fl">
            <a href=""><img src="./static/images/logo.png" alt=""></a>
        </div>
        <ul class="jg-nav-left fl">
            <li><a href="http://jg.com/">首页</a></li>
            <li><a href="">试用</a></li>
            <li><a href="">新品</a></li>
        </ul>
        <div class="jg-nav-right fr">
            <a href="javascript:void (0)" id="login">登录</a>
            |
            <a href="http://jg.com/register" id="register">注册</a>
            <!--             <li><a href="http://jg.com/">首页</a></li>-->
            <!--             <li><a href="">试用</a></li>-->
            <!--             <li><a href="">新品</a></li>-->
            <!--        </ul>-->
            <!--        <div class="jg-nav-right fr">-->
            <!--              <a href="javascript:void (0)" id="login">登录</a>-->
            <!--              |-->
            <!--              <a href="http://jg.com/register" id="register">注册</a>-->
        </div>
    </div>
</header>
<!--遮罩层-->
<div class="mask"></div>
<!--登录模态框-->
<div class="login-model">
    <span class="close">
        &times;
    </span>
    <div class="login-model-left fl">
        <div class="login-model-left-box">
            <h4>极果账号登录</h4>
            <form action="" class="login-form">
                <p><img src="./static/images/user.png" alt=""><input type="text" placeholder="账号" name="user"
                                                                     class="user"></p>
                <p><img src="./static/images/pwd.png" alt=""><input type="password" placeholder="密码" name="pwd"
                                                                    class="pwd"></p>
                <!--                <p>-->
                <!--                    <input type="checkbox" id="checkbox"><label for="checkbox"-->
                <!--                                                                style="font-weight: normal">下次直接登录</label>-->
                <!--                    <button>登录</button>-->
                <!--                </p>-->
                <p class="clearfix"><a href="http://jg.com/register" class="fl">注册新账号</a><a href="" class="fr">忘记密码？</a>
                </p>
                <p><img src="./static/images/user.png" alt=""><input type="text" placeholder="账号" name="user"
                                                                     class="user"></p>
                <p><img src="./static/images/pwd.png" alt=""><input type="password" placeholder="密码" name="pwd" class="pwd"></p>
                <p>
                    <input type="checkbox" id="checkbox"><label for="checkbox" style="font-weight: normal">下次直接登录</label>
                    <button>登录</button>
                </p>
                <p class="clearfix"><a href="http://jg.com/register" class="fl">注册新账号</a><a href="" class="fr">忘记密码？</a>
                </p>
            </form>
        </div>
    </div>
    <div class="login-model-right fr">
        <div class="login-model-right-box">
            <h4>社交网络账号登录</h4>
            <div class="vx-code"><img src="http://www.jiguo.com/mb/api/qrcode.html" alt="" class="code"></div>
            <div class="other-login">
                <a href="javascript:void(0)" class=""><img src="./static/images/weibo.png" alt="">微博</a>|<a
                    href="javascript:void(0)"><img src="./static/images/QQ.png" alt="">QQ</a>
                <a href="javascript:void(0)" class=""><img src="./static/images/weibo.png" alt="">微博</a>|<a
                    href="javascript:void(0)"><img src="./static/images/QQ.png" alt="">QQ</a>
            </div>
        </div>
    </div>
</div>
<!--注册部分-->


<script src="__JS__/jquery-v1.12.0.min.js"></script>
<script src="__JS__/register.js"></script>

    <div class="line"></div>
<h3 class="container">
    注册极果
</h3>
<form action="" class="register-form">
    <div class="validate"><input type="text" placeholder="请输入用户名" name="USERNAME" class="user" id="single"><i></i></div>
    <div class="validate"><input type="text" placeholder="请输入用户昵称" name="USERNICK" class="user"><i></i></div>
    <div class="validate"><input type="password" placeholder="请输入密码" name="PASSWORD" class="pwd"><i></i></div>
    <div class="validate"><input type="text" placeholder="请输入图片验证码" name="IMG" class="pic-yzm"><a href="JavaScript:void(0)" class="pic-position"><img src="http://api.jg.com/code/codeImg" alt="" onclick="this.src=this.src" id="imgCode"></a><i></i>
    </div>
    <div class="validate"><input type="email" placeholder="请输入邮箱" name="EMAIL" class="email"><i></i></div>
    <!--<div class="validate"><input type="text" placeholder="请输入邮箱验证码" class="email-yzm"><button class="get-yzm" id="getcode">获取验证码</button><i></i></div>-->
    <div class="agree"><input type="checkbox"> 我同意 <a href="">《极果用户协议》</a></div>
    <div class="submit">
        <button class="submit-btn">确定</button>
    </div>
</form>
</div>
</div>

<div class="modal fade" id="coverModal" tabindex="-1" role="dialog" data-backdrop='static'
     aria-labelledby="myModalLabel">
</div>

<script src="__JS__/jquery-v1.12.0.min.js"></script>
<script src="__JS__/bootstrap.min.js"></script>
<script src="__JS__/register.js"></script>
</body>
</html>